<template>
<div>
  <!-- <div id="bg">
    <img id="demo1" src="../../assets/img/2.png" alt />
    <div id="cholder">
      <canvas id="canvas" style="position:absolute;z-Index:-1000"></canvas>
    </div>
  </div> -->
</div>
</template>

<script>
// import {
//   RainyDay
// } from "../../rainyday";
// export default {
//   mounted() {
//     this.$nextTick(() => {
//       setTimeout(() => {
//         this.demo();
//       }, 1200);
//     });
//   },
//   computed: {
//     innerWidthd() {
//       return window.innerWidth;
//     },
//     innerHeightd() {
//       return window.innerHeight;
//     },
//   },
//   methods: {
//     demo() {
//       var engine = new RainyDay(
//         "canvas",
//         "demo1",
//         this.innerWidthd,
//         this.innerHeightd
//       );
//       engine.gravity = engine.GRAVITY_NON_LINEAR;
//       engine.trail = engine.TRAIL_DROPS;

//       engine.rain([engine.preset(0, 2, 500)]);

//       engine.rain(
//         [
//           engine.preset(3, 3, 0.88),
//           engine.preset(5, 5, 0.9),
//           engine.preset(6, 2, 1),
//         ],
//         100
//       );
//     },
//   },
// };
</script>

<style lang="less" scoped>
// img {
//   display: none;
// }

// #bg {
//   overflow: hidden;
//   position: position;
//   z-index: -100;
// }

// #canvas {
//   position: absolute;
//   top: 0px;
//   left: 0px;
// }
</style>
